www.gusucode.com > 闪睿企业网站管理系统 2.0 一键安装部署版 > 闪睿企业网站管理系统 2.0 一键安装部署版/ShanRui/App_Data/Template/官方模板2009 蓝色版/zh-CN/css/Global.css

    /****** Global Styles ******/
body {
	font-size: 12px;
	font-family:  Arial, "MS Gothic", "MS Sans Serif";
	background-color: #C8C8C8;
	margin: 0px;
	padding: 0px;
}

table {
	font-family:  Arial, "MS Gothic", "MS Sans Serif";
	font-size: 12px;
}
td {
     word-break: break-all; 
}

a:link,
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color:#1F7CAB;
}

img{
	vertical-align: middle;
	border: 0px none;
	max-width:100%;
}
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #CCCCCC;
}
ul{
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
li,p{
	margin: 0px;
	padding: 0px;
}
.hide{
	display: none;
}
/* ajax loading */
.loading{
	padding: 5px;
}
.loading img{
	padding: 10px;
}

/****** Form Controls Styles ******/
form {
	display: inline;
}
input {
	font-family: Tahoma, Arial; 
	font-size: 12px; 
}
input.text {
	height: 16px;
	padding: 1px;
	color: #000000; 
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
}
input.button {
	height: 20px;
	color: #000000; 
	border: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 4px solid #CCCCCC;
	background-color: #FFFFFF;
}
textarea { 
	font-size: 12px;
	font-family: Tahoma, Arial;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
	height: 100px;
	width: 200px;
}
select { 
	font-size: 12px;  
	font-family: Tahoma, Arial; 
	color: #000000; 
	background-color: #FFFFFF;
}
/****** Main Layout Styles ******/
#wrapper {}
#innerWrapper {
	position: relative;
	width: 770px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

#header {}
#innerHeader {
}

#footer {
	clear: both;
}
#innerFooter {
	color: #666666;
	font-size: 12px;
	text-align: center;
}
#copyriht{
	line-height: 25px;
	color: #333333;
	height: 25px;
}

/* bott menu */
#bottMenu {
	color: #FFFFFF;
	height: 25px;
	background-image: url(../images/bottMenuBg.jpg);
	background-repeat: repeat-x;
}
#bottMenu ul{
	margin: 0px;
	padding: 0px;
}
#bottMenu li{
	display: inline;
	list-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	
}
#bottMenu a{
	color: #FFFFFF;
	line-height: 25px;
	text-align: left;
	display: inline;
}

/* language menu */
#languageMenu {
	color: #FFFFFF;
	background-color: #0A4C86;
	height: 20px;
	padding-right: 15px;
}
#languageMenu ul{
	margin: 0px;
	padding: 0px;
	float: right;
}
#languageMenu li{
	display: inline;
	list-style: none;
	padding-right: 3px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#languageMenu a{
	color: #FFFFFF;
	line-height: 20px;
}

/****** Header Elements Styles ******/
#websiteLogo {}
#logo {
	float: left;
	margin-right: 10px;
	display: none;
}
/* header title */
.website-header {
	padding: 0px;
	background-image: url(../images/headerBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 77px;
}
#titleWrapper{
	float: left;
}
h1 {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: bolder;
	font-family: "宋体", Arial, "MS Gothic", "MS Sans Serif";
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}


/* website description */
.website-desc {
	color: #FFFFFF;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;

}

/* top menu */
#topMenu {
	height: 70px;
	width: 80px;
	background-image: url(../images/topMenuBg.jpg);
	background-repeat: no-repeat;
	background-position: -8px 5px;
	right: 20px;
	float: right;
	position: absolute;
}
#topMenu ul{
	padding-top: 12px;
	padding-left: 6px;
	text-align: left;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#topMenu li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/topMenuLi.jpg);
	background-position: left 5px;
	text-indent: 10px;
	background-repeat: no-repeat;
}
#topMenu a{
	color: #FFFFFF;
	line-height: 20px;
}

/* main menu */
#menu {
	color: #FFFFFF;
	background-image: url(../images/menuBg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 32px;
}
#menu ul{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
#menu li{
	display:inline;
	list-style: none;
	padding-right: 5px;
	margin: 0px;
	line-height: 32px;
	height: 32px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
#menu a{
	display:block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	padding-left: 12px;
	float: left;
}
#menu a:link,
#menu a:visited {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bolder;
	background-image: url(../images/menuBg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#menu a span{
	line-height: 32px;
	display: block;
	padding-right: 12px;
	background-image: url(../images/menuLiA.jpg);
	background-position: right -80px;
	background-repeat: no-repeat;
}
#menu ul li .thisPage,
#menu ul li .thisPage:link,
#menu ul li .thisPage:visited,
#menu ul li .thisPage:hover ,
#menu ul li a:hover{
	background-image: url(../images/menuLiA.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #1F7CAB;
	text-decoration: none;
}
#menu ul li .thisPage span,
#menu ul li .thisPage:link span,
#menu ul li .thisPage:visited span,
#menu ul li .thisPage:hover span,
#menu ul li a:hover span{
	background-image: url(../images/menuLiA.jpg);
	background-position: right top;
}

/****** Content Layout ******/
#mainWrapper {
	padding: 10px;
}

/* sidebar */
.sidebar {
	float: left;
	width: 180px;
}
#innerSidebar {
}

/* content */
.content {
	float: right;
	width: 100%;
	margin-left: -200px;
}
.content-wide {
	width: auto;
	margin: 10px;
	margin-left: -210px;
}
.content-only {
	width: auto;
	margin: 10px;
	margin-left: -210px;
}
#innerContent {
	margin-left: 200px;
	overflow: visible;
	width: 550px;
}

/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear{
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top:0;
	margin-top:0;
	clear:both;
	visibility:hidden;
}

/****** Sidebar Panels ******/
.panel{
	margin-bottom: 10px;
	border: 1px solid #D3D4D6;
	background-image: url(../images/panelH5Bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.panel h5 {
	margin: 0px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-indent: 10px;
}
.panel-content{
	
}

/* Link panel */
.panel-content ul{
	padding: 0px;
	margin: 0px;
}
.panel-content li{
	padding: 0px;
	margin: 0px;
}
#panelLink{
	height: 160px;
}
.panel-content{
	padding-top: 10px;
}
#panelLink .panel-content #picLink{
	float: left;
	width: 95px;
}
#picLink ul{
	padding-right: 4px;
	padding-left: 5px;
}
#picLink li{
	height: 40px;
	vertical-align: middle;
}
#picLink img{
	height: 33px;
	width: 88px;
}
#panelLink .panel-content #textLink{
	float: left;
	width: 80px;
}
#textLink ul{
	padding-left: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E2E8EE;
}
#textLink li{
	height: 20px;
}
/* notice panel */
#notice{
	background-image: url(../images/noticeBg.jpg);
	color: #AA3201;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom:10px;
}
#notice .jd_news_scroll {
	position: relative;
	overflow: hidden;
	width: 98%;
	height: 22px;
}
#notice  ul{
	margin: 0px;
	padding: 0px;
}
#notice  li{
	line-height: 22px;
	margin: 0px;
	height: 22px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#notice  li .addTime{
	display:none;
}
#notice a{
	line-height: 22px;
	color: #AA3201;
}
/* user panel */
#panelUser .panel-content{
	height: 115px;
}

/* user panel MemberLogin */
#panelUser .panel-content .memberLogin{
	margin: 5px;
	color: #666666;
	position: relative;
}
#panelUser .panel-content .memberLoginBox{
	color: #666666;
	position: relative;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 25px;
}
.memberLogin td{
	height: 27px;	
}
.memberName,
.password,
.code{
	color: #666666;
	background-color: #F9FAFB;
	height: 16px;
	border: 1px solid #E2E8EE;
}
.memberName,
.password{
	width: 90px;
}
#panelUser .panel-content .regMember{
	text-decoration: underline;
}
.code,
.codeImg{
	vertical-align: middle;
}
.loginBt{
	color: #666666;
	background-image: url(../images/loginBtBg.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 45px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.loginErrorSummary{
	background-color: #FFFFCC;
	display: block;
	font-size: 12px;
	border: 1px solid #A0A0A0;
	padding: 10px;
	position: absolute;
	left: 116px;
	top: 100px;
	width: 120px;
}
.memberLogin ul,
.memberLoginBox ul,
.loginErrorSummary ul{
	padding: 5px;
}
.memberLogin li,
.memberLoginBox li,
.loginErrorSummary ul li{
	color: #999999;
	list-style: square inside;
}

.memberLoginBox{
}
.loginBoxTitle{
}
.loginName{
}
.loginBoxLink{
}
.editLink{
}
.outLinkButton{
}

/* vote panel */
#panelVote .panel-content{
	height: 165px;
}
.votePanel{
	padding-top: 10px;
	padding-left: 15px;
}
.voteTitle{
	color: #000000;
	margin-bottom: 2px;
	display: block;
}
.voteList{
	padding: 0px;
	display: block;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-top: 0px;
}
.voteList input{
}
.voteButtonBox{
}
.voteButton,
.showButton{
	background-image: url(../images/voteBtBg.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #666666;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.showPanel{
	padding-top: 20px;
	padding-left: 15px;
}
.showVoteTitle{
}
.showVoteTitle .voteMsg{
	color: #999999;
}
.showVoteList{
	margin-top: 10px;
	margin-left: 10px;
}
.showVoteList ul{
}
.showVoteList ul li{
	color:#333333;
	list-style: square inside;
	height: 16px;
}
.showVoteList ul li span{
	color: #999999;
	margin-left: 3px;
}


/****** Defaul Page Elements ******/
/* info Box */
.infoBox{
	height: 170px;
	color: #666666;
	padding-bottom: 10px;
}
.info{
	float: left;
	padding-right: 5px;
	width:340px;
}
#infoTitle{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D3D4D6;
}
#InfoInnerContent{
	padding-top: 8px;
	padding-right: 5px;
	line-height: 140%;
	text-indent: 2em;
}
#infoTitle h4{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-image: url(../images/h4Bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 10px;
	line-height: 25px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#productPixviewer{
	width:200px;
	float: right;
	padding-top: 22px;
}

/* newsBox */
#newsBox{
	margin-bottom: 15px;
}
#newsBox .addTime{
	color: #666666;
	margin-left: 5px;
}
.news{
	float: left;
	width: 50%;
	background-image: url(../images/notice-newsBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.newsTitle{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.newsTitle h4{
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
.newsContent{
	padding-top: 15px;
	padding-left: 18px;
}
.newsContent li{
	height: 20px;
	background-image: url(../images/notice-newsLi.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 10px;
}
/* product */
#product{
	clear: left;
}
#productTitle{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D3D4D6;
}
#productContent{
	padding-top: 8px;
	padding-right: 5px;
	line-height: 140%;
}
#productTitle h4{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-image: url(../images/h4Bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 10px;
	line-height: 25px;
	display: block;
	margin: 0px;
	padding: 0px;
}
.productList{
	width:516px;
}
.productAlternating,
.productItem{
	width: 25%;
}
.productImage{
	text-align: center;
}
.productImage img{
	text-align: center;
}
.productText{
	line-height: 120%;
}
.productClassName{
}
.productName{
}
#productContent .productName{
	color: #FF0000;
	text-decoration: underline;
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-bottom: 2px;
}
.productNumber{
}
.price{
}
.productShortContent{
	display: none;
}
.productNumberLabel{
}
.priceLabel{
}
.cartButton{
	line-height: 23px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/CartBtBg.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 19px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 23px;
	width: 80px;
}
.productNameBox{
}
.productNumberBox,
.priceBox{
	padding-left: 25px;
}
.cartButtonBox{
	padding-top: 5px;
	text-align: center;
}